/*
  *常用电脑尺寸  1680 * 900
  *              1512 * 790
  *              1440 * 900
  *ipad pro      1366 * 1024
  *ipad mini     1024 * 768
  *ipad          1024 * 768
 */
/*分辨率低于1680，采用下面的样式*/
@media screen and (max-device-width: 1680px) {
}
/*分辨率低于1536，采用下面的样式*/
@media screen and (max-device-width: 1512px) {
}
/*分辨率低于1440，采用下面的样式*/
@media screen and (max-device-width: 1440px) {
}
/*分辨率低于1366，采用下面的样式*/
@media screen and (max-device-width: 1366px) {
}
/*分辨率低于1180，采用下面的样式*/
@media screen and (max-device-width: 1180px) {
}
/*分辨率低于1024，采用下面的样式*/
@media screen and (max-device-width: 1024px) {
}

/* 滚动条 */
.scroll {
  scrollbar-color: #767ffe #e9f3ff;
  scrollbar-width: 6px;
  scrollbar-width: thin;
  overflow-y: auto;
}
.scroll::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 10px;
}
.scroll::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  background: linear-gradient(0deg, #767ffe, #79aefe);
}
.scroll::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  background: #e9f3ff;
  border-radius: 10px;
}
/* 
  scrollbar-color: #767ffe #e9f3ff;
  scrollbar-width: 6px;
  scrollbar-width: thin;
  overflow-y: auto;
  &::-webkit-scrollbar {
    width: 10px; 
    height: 10px;
  }
   &::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: linear-gradient(0deg, #767ffe, #79aefe);
  }
   &::-webkit-scrollbar-track {
    background: #e9f3ff;
    border-radius: 10px;
  } 
  */

/* 单行文本溢出显示省略号 */
.one-text-spill-over {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 多行文本溢出显示省略号 */
.more-text-spill-over {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
